<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>

	<base href="${pageContext.request.contextPath }/">

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
<title>商品列表页</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/login2.css">
   <script type="text/javascript" src="js/jquery.min.js"></script>
   <script type="text/javascript" src="js/bootstrap.min.js"></script>
   
   <style type="text/css">
   	.div1{
   		height:260px;
   		text-align: top;
   	}
   </style>
</head>
<body>
	<%@ include file="header.jsp"%>
	
<div class="panel panel-default" style="margin: 0 auto;width: 95%;">
	<div class="panel-heading">
	    <h3 class="panel-title"><span class="glyphicon glyphicon-th-list"></span>&nbsp;&nbsp;商品列表</h3>
	</div>
	<div class="panel-body">
	   	   <!--列表开始-->
	    <div class="row ${requestScope.pageBean.total<=0?"div1":"" }">
<%--	    	<c:if test="${pageBean.total<=0 }">没有数据！！！</c:if>--%>
	    	<c:forEach items="${requestScope.pageBean.list}" var="g" varStatus="i">
		    	<div class="col-sm-3">
				    <div class="thumbnail">
				      <img src="${pageContext.request.contextPath}/goodsImgs/${g.picture}" width="180" height="180"  alt="小米6" />
				      <div class="caption">
				        <h4>商品名称<a href="${pageContext.request.contextPath}/goods/getGoodsById?id=${g.id}">${g.name}</a></h4>
				        <p>热销指数
				        	<c:forEach begin="1" end="${g.star}">
				        		<img src="image/star_red.gif" alt="star"/>
				        	</c:forEach>
				        </p>
				         <p>上架日期:${g.pubdate}</p>
			             <p style="color:orange">价格:${g.price}</p>
				      </div>
				    </div>
				  </div>
	    	</c:forEach>
			  
		</div>
			
			<c:if test="${requestScope.pageBean.total>0 }">
			<nav aria-label="..." class="text-center">
			  <ul class="pagination">

				  <c:if test="${requestScope.pageBean.hasPreviousPage}">
					  <li class="page-item">
						  <a class="page-link" href="${pageContext.request.contextPath}/goods/getGoodsListByTypeId?pageNum=${requestScope.pageBean.prePage}" tabindex="-1" aria-disabled="true">Previous</a>
					  </li>
				  </c:if>
				  <c:if test="${!requestScope.pageBean.hasPreviousPage}">
					  <li class="page-item disabled">
						  <a class="page-link" href="${pageContext.request.contextPath}/goods/getGoodsListByTypeId?pageNum=${requestScope.pageBean.prePage}" tabindex="-1" aria-disabled="true">Previous</a>
					  </li>
				  </c:if>
				  <c:forEach begin="1" end="${requestScope.pageBean.pages}" var="pageNum">
					  <c:if test="${pageNum==requestScope.pageBean.pageNum}">
						  <li class="page-item active"><a class="page-link" href="${pageContext.request.contextPath}/goods/getGoodsListByTypeId?pageNum=${pageNum}">${pageNum}</a></li>
					  </c:if>
					  <c:if test="${pageNum!=requestScope.pageBean.pageNum}">
						  <li class="page-item"><a class="page-link" href="${pageContext.request.contextPath}/goods/getGoodsListByTypeId?pageNum=${pageNum}">${pageNum}</a></li>
					  </c:if>
				  </c:forEach>


				  <c:if test="${requestScope.pageBean.hasNextPage}">
					  <li class="page-item">
						  <a class="page-link" href="${pageContext.request.contextPath}/goods/getGoodsListByTypeId?pageNum=${requestScope.pageBean.nextPage}">Next</a>
					  </li>
				  </c:if>
				  <c:if test="${!requestScope.pageBean.hasNextPage}">
					  <li class="page-item disabled">
						  <a class="page-link" href="${pageContext.request.contextPath}/goods/getGoodsListByTypeId?pageNum=${requestScope.pageBean.nextPage}">Next</a>
					  </li>
				  </c:if>



		  </ul>
		</nav>
		</c:if>
   	</div>
</div>
      <!-- 底部 -->
   <%@ include file="footer.jsp"%>

   
</body>
</html>